// 验证码

// function code_draw () {
//   var canvas_width = $('#canvas').width();
//   var canvas_height = $('#canvas').height();
//   var canvas = document.getElementById("canvas"); //获取到canvas的对象，演员
//   var context = canvas.getContext("2d"); //获取到canvas画图的环境，演员表演的舞台
//   canvas.width = canvas_width;
//   canvas.height = canvas_height;
//   var sCode = "A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0"; //取值范围
//   var aCode = sCode.split(",");
//   var aLength = aCode.length; //获取到数组的长度
//   var value = [];
//   for (var i = 0; i <= 3; i++) {
//     var j = Math.floor(Math.random() * aLength); //获取到随机的索引值
//     var deg = Math.random() * 30 * Math.PI / 180; //产生0~30之间的随机弧度
//     var txt = aCode[j]; //得到随机的一个内容
//     value[i] = txt.toLowerCase();
//     var x = 10 + i * 20; //文字在canvas上的x坐标
//     var y = 20 + Math.random() * 8; //文字在canvas上的y坐标
//     context.font = "bold 23px 微软雅黑";

//     context.translate(x, y);
//     context.rotate(deg);

//     context.fillStyle = code_randomColor();
//     context.fillText(txt, 0, 0);

//     context.rotate(-deg);
//     context.translate(-x, -y);
//   }
//   // 将生成的值以属性的方法添加到元素
//   value = value.join("");
//   $('#canvas').attr('data-code', value)
//   //验证码上显示线条
//   for (var i = 0; i <= 5; i++) {
//     context.strokeStyle = code_randomColor();
//     context.beginPath();
//     context.moveTo(Math.random() * canvas_width, Math.random() * canvas_height);
//     context.lineTo(Math.random() * canvas_width, Math.random() * canvas_height);
//     context.stroke();
//   }
//   //验证码上显示小点
//   for (var i = 0; i <= 30; i++) {
//     context.strokeStyle = code_randomColor();
//     context.beginPath();
//     var x = Math.random() * canvas_width;
//     var y = Math.random() * canvas_height;
//     context.moveTo(x, y);
//     context.lineTo(x + 1, y + 1);
//     context.stroke();
//   }
// }

// function code_randomColor () { //得到随机的颜色值
//   var r = Math.floor(Math.random() * 256);
//   var g = Math.floor(Math.random() * 256);
//   var b = Math.floor(Math.random() * 256);
//   return "rgb(" + r + "," + g + "," + b + ")";
// }


//通用dialog

// var template = {}
// $('.head_dialog').children().each(function () {
//   console.log($(this))
//   template[$(this).attr('data-name')] = $(this)[0].outerHTML
// })

// $('.head_dialog').children().remove()


// $(document).on('click', '[data-dialog]', function (event) {
//   layer.closeAll();
//   var dialog = $(this).attr('data-dialog');
//   layui.use(['form', 'layedit', 'laydate'], function () {
//     var form = layui.form;
//     layer.open({
//       type: 1,
//       title: false,
//       closeBtn: 1,
//       shadeClose: true,
//       skin: 'dialog_com',
//       content: template[dialog]
//     });
//     form.render()
//   });
// });


// 获取url中的参数
function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return unescape(r[2]);
    }
};

// 获取轮播图高度
function chagnHeight(type, name, carousel) {
    $(type + name).height($(type + name + ' .layui-this').find('img').height())
    carousel.on('change(' + name + ')', function (obj) {
        $(type + name).height($(obj.item).find('img').height())
    });
}

// 回到顶部功能
$(document).on('click', '[back-btn]', function (event) {
    event.preventDefault();
    $('html, body').animate({
        scrollTop: 0
    }, 600);
    return false;
});

// 复制到粘贴板功能
function copyText(str) {

    $('#copy').val(str).show();

    var ele = document.getElementById("copy");
    ele.select();
    document.execCommand('copy', false, null);
    $('#copy').hide();
}

//  // 复制到粘贴板
$(document).on('click', '[data-btn="copy"]', function () {
    layer.msg('联系方式已复制到粘贴板', {
        time: 2000
    })
    var str = $(this).attr('data-text');
    copyText(str);
})


var InterValObj; //timer变量，控制时间
var count = 60; //间隔函数，1秒执行
var curCount; //当前剩余秒数

//发送验证码
function mail() {
    curCount = count;
    var email = $('[name="phone"]').val();
    layer.msg('验证码已发送');
    document.getElementById("btnSendCode").setAttribute("disabled", "true"); //设置按钮为禁用状态
    $('#btnSendCode').addClass('layui-btn-disabled');
    $('#btnSendCode').text("剩余" + curCount + "s");
    InterValObj = window.setInterval(SetRemainTime, 1000); // 启动计时器timer处理函数，1秒执行一次
    $.ajax({
        url: "",
        data: {},
        type: "Post",
        dataType: "json",
        success: function (data) {

        },
        error: function (data) {
            $.messager.alert('错误', data.msg);
        }
    });
}

//timer处理函数
function SetRemainTime() {
    if (curCount == 0) {
        $('#btnSendCode').removeClass('layui-btn-disabled');
        $('#btnSendCode').text("重获验证码");
        window.clearInterval(InterValObj); // 停止计时器
        document.getElementById("btnSendCode").removeAttribute("disabled"); //移除禁用状态改为可用
    } else {
        curCount--;
        $('#btnSendCode').text(curCount + "秒后重获");
    }
}


(function () {

    $('[data-load]').each(function () {
        $(this).load($(this).attr('data-load') + '.html')

    })

    var deviceWidth = document.documentElement.clientWidth > 750 ? 750 : document.documentElement.clientWidth;
    document.documentElement.style.fontSize = (deviceWidth / 7.5) + 'px';
    $(window).resize(function () {
        var deviceWidth = document.documentElement.clientWidth > 750 ? 750 : document.documentElement.clientWidth;
        document.documentElement.style.fontSize = (deviceWidth / 7.5) + 'px';

    })


    // // 计算input字数
    $(document).on("input", '[data-box="input-number"] input,[data-box="input-number"] textarea', function (e) {
        $(this).closest('[data-box="input-number"]').find('[data-input-num]').text(e.srcElement.value.length)
    });

    var wow = new WOW({
        boxClass: 'wow',
        animateClass: 'animate__animated',
        offset: 0,
        mobile: true,
        live: true
    });
    wow.init();

    // $(document).ready(function () {
    //   $("[data-scoll]").click(function () {
    //     var val = $(this).attr('data-scoll')
    //     $("html,body").animate(
    //       { scrollTop: $($("[data-scoll-block=" + val + "]")).offset().top }, 700 /*scroll实现定位滚动*/
    //     );/*让整个页面可以滚动*/

    //     return false;
    //   });
    // });
    function isLeapYear(year) {
        if (year / 4 == 0 && year / 100 != 0) {
            return true;
        } else if (year / 400 == 0) {
            return true;
        } else {
            return false;
        }
    }

    function getDayNumByYearMonth(year, month) {
        switch (month) {
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:
                return 31;
                break;
            case 4:
            case 6:
            case 9:
            case 11:
                return 30;
                break;
            case 2:
                return isLeapYear(year) ? 29 : 28;
        }
    }

    $(document).find(".date_com .item").hover(
        function () {
            $(this).find('.picker').css('display', 'block')
            console.log(123)
        },
        function () {
            $(this).find('.picker').css('display', 'none')
            console.log(123)
        }
    );

    $(document).on('click', '.date_com .picker .option', function () {
        var val = $(this).text();
        $(this).closest('.item').find('[data-date] [data-value]').text(val);

        var type = $(this).closest('.item').find('[data-date]').attr('data-date');

        var $yearP = $(this).closest('.date_com').find('.yearPicker')
        var $monthP = $(this).closest('.date_com').find('.monthPicker')
        var $dayP = $(this).closest('.date_com').find('.dayPicker')

        var year = $(this).closest('.date_com').find('[data-date="year"] [data-value]').text()
        var month = $(this).closest('.date_com').find('[data-date="month"] [data-value]').text()
        var day = $(this).closest('.date_com').find('[data-date="day"] [data-value]').text()
        if (type == 'year') {
            text = '<div>请先选择年</div>';
            if (year) {
                text = '<div class="name title">月</div> <div class="option">1</div><div class="option">2</div><div class="option">3</div><div class="option">4</div><div class="option">5</div> <div class="option">6</div> <div class="option">7</div> <div class="option">8</div> <div class="option">9</div><div class="option">10</div><div class="option">11</div><div class="option">12</div>'
            }
            $monthP.html(text)

            $monthP.css('display', 'block')
        } else if (type == 'month') {

            $(this).closest('.date_com').find('[data-date="day"] [data-value]').text('')

            text = '<div>请先选择年、月</div>';
            if (month) {
                text = '<div class="name title">日</div>';
                var num = getDayNumByYearMonth(+year, +month)
                console.log(num, +year, +month)
                for (let i = 1; i <= num; i++) {
                    text += '<div class="option">' + i + '</div>'
                }
            }
            $dayP.html(text)
            // $monthP.css('display', 'none')
            $dayP.css('display', 'block')
        }
        $(this).closest('.picker').css('display', 'none')

    })


    $(document).scroll(function () {
        var scroH = $(document).scrollTop();
        if (scroH > 1) {
            $('header').addClass('bgcolor')
        } else {
            $('header').removeClass('bgcolor')
        }
    });
    $(document).on('click', '#nav-toggle', function () {
        $(this).toggleClass('active')
        $('.navbox').removeClass('layui-hide')
        if ($(this).hasClass('.open')) {
            $(this).removeClass('open')
            $('.navbox').css('top', '-200%').css('opacity', '0')
        } else {
            $(this).addClass('open')
            $('.navbox').css('top', '0').css('opacity', '1')
        }
    })

    $('.navbox').click(function (e) {
        if (e.target === e.currentTarget) {
            $(this).removeClass('open')
            $('.navbox').css('top', '-200%').css('opacity', '0')
        }
    })
    $(document).on('click', '.active_ul .item', function () {
        if ($(this).closest('.active_ul').hasClass('more')) {
            $(this).toggleClass('active')
            return;
        }

        $(this).closest('.active_ul').find('.active').removeClass('active');
        $(this).addClass('active')
    })
    $('.select').click(function (e) {
        if (e.target === e.currentTarget) {
            if ($(this).hasClass('this')) {

                $('.select').removeClass('this')
            } else {
                $('.select').removeClass('this')
                $(this).addClass('this')
            }
        }
    })

    $('.sd').click(function () {
        if ($(this).hasClass('this')) {

            $(this).removeClass('this')
        } else {

            $(this).addClass('this').siblings().removeClass('this')
        }
    })

    $('.waplbtn').click(function () {

        $('.create_l').css('left', '0')
    })
    $('.waprbtn').click(function () {

        $('.create_r').css('right', '0')
    })

    $('.l_close').click(function () {

        $('.create_l').css('left', '-100%')
    })
    $('.r_close').click(function () {

        $('.create_r').css('right', '-100%')
    })

    // window.onbeforeunload = function () {

    //   var scrollPos;

    //   if (typeof window.pageYOffset != 'undefined') {

    //     scrollPos = window.pageYOffset;

    //   }
    //   else if (typeof document.compatMode != 'undefined' &&
    //     document.compatMode != 'BackCompat') {
    //     scrollPos = document.documentElement.scrollTop;
    //   }
    //   else if (typeof document.body != 'undefined') {
    //     scrollPos = document.body.scrollTop;
    //   }
    //   document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中
    // }
    // window.onload = function () {
    //   if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
    //     var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空，则读取滚动条位置
    //     document.documentElement.scrollTop = parseInt(arr[1]);
    //     document.body.scrollTop = parseInt(arr[1]);
    //   }
    // }



})();

//添加快速请求方法
$.quickAjax = function (type, url, data) {
    var dtd = $.Deferred();
    // Find the button with lay-submit attribute
    var button = $('[lay-submit]');

    // Disable the button and change its background color to gray
    button.attr('disabled', true).css('background-color', '#ccc');
  
    $.ajax({
        url,
        data,
        type,
        success(res) {
            // Enable the button and restore its background color
            button.attr('disabled', false).css('background-color', '');

            if (res.code === 0) {
                if (res.info) {
                    layui.layer.msg(res.info, { icon: 2 });
                }
                dtd.reject(res);
            } else if (res.code === 1) {
                if (res.info) {
                    layui.layer.msg(res.info, { icon: 1 });
                }
                dtd.resolve(res);
            }
        },
        error() {
            // Enable the button and restore its background color in case of error
            button.attr('disabled', false).css('background-color', '');
            layui.layer.msg('An error occurred', { icon: 2 });
            dtd.reject();
        }
    });

    return dtd;
};
$.quickGet = function (url, data) {
    return $.quickAjax('get', url, data);
}
$.quickPost = function (url, data) {
    return $.quickAjax('post', url, data);
}